{% extends "news/base.html" %}
{% block title_name %}用户概况{% endblock %}
{% block head_script %}
    <link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
    <link rel="stylesheet" type="text/css" href="../../static/news/css/main.css">
    <script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
    <script type="text/javascript" src="../../static/news/js/other.js"></script>
{% endblock %}

{% block class_rank_con %}
    <div class="user_menu_con fl">
        <div class="user_center_pic">

            <img src="{% if data.fo_user.avatar_url %}
                           {{ data.fo_user.avatar_url }}
                       {% else %}
                        ../images/user_pic.png
                       {% endif %}" alt="用户图片">

        </div>
        <div class="user_center_name">{{ data.fo_user.nick_name }}</div>

        <ul class="other_detail">
            <li>性 别：{{ data.fo_user.gender }}</li>
            <li>签 名：{{ data.fo_user.signature }}</li>
        </ul>

        <div class="focus_other">
            <a href="javascript:;" class="focus" style="display:
                    {% if not data.is_follow %}
                        block
                    {% else %}
                        none
                    {% endif %}
                    " user_id= {{ data.fo_user.id }}>关注</a>
            <a href="javascript:;" class="focused" style="display:
                    {% if data.is_follow %}
                        block
                    {% else %}
                        none
                    {% endif %}"
               user_id= {{ data.fo_user.id }}><span class=" out">已关注</span><span class="over">取消关注</span></a>
        </div>

    </div>

    <div class="user_con fr">
        <div class="other_collect">
            <h3>他的文章</h3>
            <ul class="article_list">
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
                <li><a href="#">智能音箱“不智能”：这次轮到三星语音助手Bixby被吐槽了</a><span>2018-1-17</span></li>
            </ul>

            <div id="pagination" class="page"></div>
            <script>
                $(function () {
                    $("#pagination").pagination({
                        currentPage: 2,
                        totalPage: 3,
                        callback: function (current) {
                            alert('ok!');
                        }
                    });
                });
            </script>
        </div>

    </div>
{% endblock %}
